// 字体大小
$_group_font_size: 10, 12, 13, 14, 16, 18, 20, 22, 25, 28, 30, 36, 40;
@each $v in $_group_font_size {
    .font-s#{$v} {
        font-size: #{$v}px !important;
    }
}

// 文本
.text {
    &-left {
        text-align: left !important;
    }
    &-center {
        text-align: center !important;
    }
    &-right {
        text-align: right !important;
    }

    &-white {
        color: #fff !important;
    }
    &-black {
        color: #333 !important;
    }
    &-primary {
        color: $--color-primary !important;
    }
    &-success {
        color: $--color-success !important;
    }
    &-warning {
        color: $--color-warning !important;
    }
    &-danger {
        color: $--color-danger !important;
    }
    &-info,
    &-gary {
        color: $--color-info !important;
        &-lighter {
            color: $--color-info-light !important;;
        }
        &-light {
            color: $--color-info-light !important;;
        }
    }

    &-capitalize {
        text-transform: capitalize !important;;
    }
    &-uppercase {
        text-transform: uppercase !important;;
    }
    &-lowercase {
        text-transform: lowercase !important;;
    }

    &-italic {
        font-style: italic !important;;
    }

    &-bold {
        font-weight: bold !important;
    }

    &-hide {
        position: relative;
        //overflow: hidden;
        //text-overflow: ellipsis;
        //white-space: normal;
        //word-break: break-all;

        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}

